$(function () {
    // alert('1')
    //定义常量
    let page=1;
    const row=10;
    let maxpage;
    
    pagation(page);
    //分页功能
    function pagation(page){
        //渲染当前页码
        $('#page').html(page);
    
    
    
    $.ajax({
        url: 'http://139.9.177.51:3333/p2p/getBorrowList',
        type: 'GET',
        data: {
            pageIndex: page,//当前页码
            pageSize: row//当前页显示条数
        },
        async:false,//异步改为同步
        success: function (res) {
            // console.log(res.data);
            maxpage=Math.ceil(res.total/row);
            $('#maxpage').html(maxpage);
            
            let len = res.data.length;
            let data = res.data;

            //定义空字符串保存tr数据
            let trStr='';

            for (let i = 0; i < len; i++) {

                data[i].repaytype=data[i].repaytype==0?'按月分期':'按月到期'
                
                trStr+=`
                <tr>
                <td>${data[i].username}</td>
                <td>${data[i].title}</td>
                <td>${data[i].interest}%</td>
                <td>${data[i].borrowmoney}</td>
                <td>${data[i].repaytype}</td>
                <td> ${data[i].ownmoney}%</td>
                <td>
                <button type="button" class="btn btn-danger btn-sm" data-id="${data[i].id}">查看</button>
                </td>
            </tr> 
                `
            }

               //插件使用
               $("#page").paging({
                nowPage: page, // 当前页码
                pageNum: maxpage, // 总页码
                buttonNum: 6, //要展示的页码数量
                canJump: 1,// 是否能跳转。0=不显示（默认），1=显示
                showOne: 0,//只有一页时，是否显示。0=不显示,1=显示（默认）
                callback: function (num) { //回调函数
                    pagation(num)
                }
            });

            $('#borrowList').html(trStr);
        }

    })

}
    //点击查看保存指定借款id
    $('#borrowList').on('click','button',function(){
        let id=$(this).data('id');

        //保存id到本地存储中
        sessionStorage.setItem('borrowid',id);
        //跳转页面
        location.href='#personal/borrowinfo'
    })





})